import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

// 引入Element UI组件
Vue.use(ElementUI, {
  size: 'small', // 组件默认尺寸
  zIndex: 3000 // 弹框的初始z-index
})

// 添加全局错误处理
Vue.prototype.$error = function(message) {
  this.$message.error(message)
}

Vue.prototype.$success = function(message) {
  this.$message.success(message)
}

Vue.prototype.$warning = function(message) {
  this.$message.warning(message)
}

Vue.prototype.$info = function(message) {
  this.$message.info(message)
}

// 全局过滤器
Vue.filter('date', function(value) {
  if (!value) return ''
  const date = new Date(value)
  return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`
})

Vue.filter('datetime', function(value) {
  if (!value) return ''
  const date = new Date(value)
  return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')} ${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}:${String(date.getSeconds()).padStart(2, '0')}`
})